<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <meta name="renderer" content="webkit" />
	    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">
        <title>案例详情</title>
        <link href="favicon.ico" rel="shortcut icon">
        <link rel="stylesheet" href="css/common/swiper.css">
        <link rel="stylesheet" href="css/common/base.css">
        <link rel="stylesheet" href="css/common/animation.css">
        <link rel="stylesheet" href="css/common/media.css">
        <link rel="stylesheet" href="css/cases.css">
        <link rel="stylesheet" href="css/case.css">
    </head>
    <body>
      
        <div class="container">
            <div class="scroll">
                <p class="bar" canmove='false'></p>
            </div> 
            <header>
                <div class="logo flex">
                    <a href="index.html" class="pic"><img src="img/common/logo.png" alt="logo"></a>
                    <a class="txt" href="">
                        <span>
                            我们的
                            <br>项目
                        </span>
                        <p class="bg"></p>
                    </a>
                </div>
                <div class="menuBtn cursor flex flex-align-items flex-justify-content">
                    <div class="btn">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                    <div class="t">
                        <span>菜单</span>
                        <span>关闭</span>
                    </div>
                    <div class="bg"></div>
                </div>
                <div class="menu">
                    <a href="index.html"><img src="img/common/logo.png" alt="logo"></a>
                    <ul class="flex flex-align-items flex-justify-content">
                        <li>
                            <p class="lbl"></p>
                            <div class="rht">
                                
                            </div>
                            <div class="box">
                                <div class="ttl">
                                    项目
                                    <p class="sonMenu">
                                        <a href="case.html">项目名称1</a>
                                        <a href="case.html">项目名称2</a>
                                    </p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="box">
                                <div class="ttl">
                                    关于我们
                                    <p class="sonMenu">
                                        <a href="about.html?scrlInd=1">我们的简介</a>
                                        <a href="history.html">我们的历史</a>
                                    </p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="box">
                                <div class="ttl"><a href="weDo.html">服务范围</a></div>
                            </div>
                        </li>
                        <li>
                            <div class="box">
                                <div class="ttl">制作过程</div>
                            </div>
                        </li>
                        <li>
                            <div class="box">
                                <a class="ttl" href="contact.html">联系我们</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </header>
            <main>
                <div class="projects fill ready">
                    <div class="contn">
                        <nav class="flex flex-align-items">
                            <div class="ttl">
                                <p>我们的项目</p>
                            </div>
                            <div class="choose">
                                <ul>
                                    <li><p data-categories="all">全部</p></li>
                                    <li><p data-categories="restaurant">餐饮行业</p></li>
                                    <li><p data-categories="hotel">酒店</p></li>
                                    <li><p data-categories="bar">酒吧</p></li>
                                </ul>
                            </div>
                        </nav>
                        <div class="swiper">
                            <div class="swiper-container prjctSwiper">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <div class="box">
                                            <p class="pic">
                                                <img src="img/index/pic3.jpg" class="obj-c" alt="">
                                            </p>
                                            <p class="name" data-categories='restaurant'>穿石餐厅</p>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="box">
                                            <p class="pic">
                                                <img src="img/index/pr2.jpg" class="obj-c" alt="">
                                            </p>
                                            <p class="name" data-categories="hotel">穿石酒店</p>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="box">
                                            <p class="pic">
                                                <img src="img/index/pr3.jpg" class="obj-c" alt="">
                                            </p>
                                            <p class="name" data-categories="bar">穿石酒吧</p>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="box">
                                            <p class="pic">
                                                <img src="img/index/pic3.jpg" class="obj-c" alt="">
                                            </p>
                                            <p class="name" data-categories='restaurant'>穿石餐厅</p>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="box">
                                            <p class="pic">
                                                <img src="img/index/pr2.jpg" class="obj-c" alt="">
                                            </p>
                                            <p class="name" data-categories="hotel">穿石酒店</p>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="box">
                                            <p class="pic">
                                                <img src="img/index/pr3.jpg" class="obj-c" alt="">
                                            </p>
                                            <p class="name" data-categories="bar">穿石酒吧</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <p class="btn cursor prev">
                            <span>上一个</span>
                        </p>
                        <p class="btn cursor next">
                            <span>下一个</span>
                        </p>
                    </div>
                </div>
                <div class="banner">
                    <div class="inner" style="top: 0px !important;">
                        <p class="pic"><img src="img/index/pic3.jpg" class="obj-c"></p>
                        <div class="ttls">
                            <div class="box">
                                <div class="no">
                                    <p>01</p>
                                </div>
                                <div class="desc">
                                    <p>
                                        穿石科技<br>
                                        酒店
                                    </p>
                                </div>
                                <span>浙江·宁波</span>
                            </div>
                            <p class="scrl hc cursor">滚动<img src="img/common/arw.png"></p>
                        </div>
                    </div>
                </div>
                <div class="content">
                    <div class="info">
                        <p class="date ready"><span class="iv">项目17</span></p>
                        <p class="ttl ready">北约会议厅</p>
                        <p class="type ready">办公</p>
                        <p class="des ready">为在华沙举行的北约峰会准备的建筑和室内装饰的实现。</p>
                        <ul class="ready overself">
                            <li class="flex">
                                <p class="lbl">客户</p>
                                <div class="rht">
                                    <p>福比斯集团</p>
                                </div>
                            </li>
                            <li class="flex">
                                <p class="lbl">地点</p>
                                <div class="rht">
                                    <p>波兰</p>
                                </div>
                            </li>
                            <li class="flex">
                                <p class="lbl">工作范围</p>
                                <div class="rht">
                                    <p>为 47-70 个座位准备的会议桌，红木贴面</p>
                                    <p>红木和山毛榉木贴面办公桌</p>
                                    <p>与桌子一致的墙壁装饰</p>
                                    <p>沙龙和办公室的墙壁</p>
                                    <p>讲台</p>
                                </div>
                            </li>
                        </ul>
                        <p class="no scrollItem" scroll-start="former" scroll-stop="overself">01</p>
                    </div>
                    <div class="rhtPic fltImg scrollItem ready" scroll-start="former" scroll-stop="overself">
                        <img src="img/case/1.jpg" class="obj-c">
                    </div>
                    <p class="border ready"></p>
                    <div class="btmPic fltImg scrollItem ready" scroll-start="former" scroll-stop="overself">
                        <img src="img/case/2.jpg" class="obj-c">
                    </div>
                </div>
                <div class="floatPics">
                    <div class="p1 ready fltImg scrollItem" scroll-start="former" scroll-stop="overself"><img src="img/case/3.jpg" class="obj-c"></div>
                    <div class="p2 ready fltImg scrollItem" scroll-start="former" scroll-stop="overself"><img src="img/case/2.jpg" class="obj-c"></div>
                    <div class="p3 ready fltImg scrollItem" scroll-start="former" scroll-stop="overself"><img src="img/case/4.jpg" class="obj-c"></div>
                    <p class="name">
                        穿石科技<br>
                        酒店
                    </p>
                </div>
                <p class="fixedBg"></p>
                <div class="foot flex">
                    <div class="prev">
                        <div class="inner vc">
                            <p class="name">穿石酒吧</p>
                            <i class="iv"></i>
                            <p>上一个项目</p>
                        </div>
                    </div>
                    <div class="toTop">
                        <p class="hvc inner"><img src="img/case/top.png">所有项目</p>
                    </div>
                    <div class="next">
                        <div class="inner vc">
                            <p class="name">穿石餐厅</p>
                            <i class="iv"></i>
                            <p>下一个项目</p>
                        </div>
                    </div>
                </div>
                <div class="palace fill fillAft">
                    <div class="close">
                        <p class="lft">
                            <span></span>
                        </p>
                        <p class="rht">
                            <span></span>
                        </p>
                    </div>
                    <p class="bg fill"></p>
                    <div class="control hvc flex">
                        <p class="prev hbc">
                            <img src="img/case/arw2.png" class="hvc">
                            <img src="img/case/arw1.png" class="hvc">
                        </p>
                        <p class="next hbc">
                            <img src="img/case/arw2.png" class="hvc">
                            <img src="img/case/arw1.png" class="hvc">
                        </p>
                    </div>
                    <div class="swp hc">
                        <img src="img/case/1.jpg" class="hvc">
                        <img src="img/case/5.jpg" class="hvc">
                        <img src="img/case/6.jpg" class="hvc">
                        <img src="img/case/8.jpg" class="hvc">
                        <img src="img/case/9.jpg" class="hvc">
                        <p class="white hvc"></p>
                    </div>
                </div>
            </main>
            <footer>
                <p>Copyright © 宁波穿石网络科技有限公司 All rights reserved</p>
                <p>技术支持：穿石科技</p>
            </footer>
        </div>
        
        <script src="js/common/swiper.js"></script>
        <script src="js/common/jquery.js"></script>
        <script src="js/common/common.js"></script>
        <script src="js/caseScroll.js"></script>
        <script src="js/case.js"></script>
    </body>
</html>